<template>
    <div id="role">
        <table>
            <tr  id="btn" >
                <el-button type="primary" 
                @click="showaddrole=true"
                >
                    新增角色
                </el-button>
            </tr>
            <tr>
                <td>角色名称</td>
                <td>角色描述</td>
                <td>详情</td>
                <td>操作</td>
            </tr>
            <tr>
                <td>admin</td>
                <td>系统管理员</td>
                <td></td>
                <td>
                    <el-button type="primary" size="mini">新增角色</el-button>
                    <el-button type="danger" size="mini">删除角色</el-button>
                </td>
            </tr>
        </table>
        <addnewrole
        :showaddrole="showaddrole"
        />
    </div>
</template>
<script>
import addnewrole from './addnewrole'
export default {
    components:{addnewrole},
    data(){
        return {
            showaddrole:false,
        }
    },
    methods:{
            
    }
}
</script>
<style lang="scss" scoped>
    #role{
        display: flex;
        flex-direction:column-reverse;
         #btn{
             display: flex;
             justify-content: left;
             align-items: center;
         }
        
    }
</style>

